﻿@import "variables.less";
@import "mixins.less";
@import "_custombootstrap.css";

body
{
  background:#000 url(../img/mosaic_noise.gif);color:@mainColor;   
  font-family:@font-family-base;padding-top:56px;


}
a{
    color:@linkColor;
    &:hover{
        text-decoration: none;color:@hoverColor;
    }
}


.btn-action{
   padding:2px 6px;border-radius:2px;box-shadow:rgba(0,0,0,0.05) 0 -2px 3px inset;
}
.input-action{
    padding:3px;height:23px;
}

input,textarea,h3,h4{font-family:@font-family-base;}




.input-xmini{ width:32px;}

#tblProducts input{ margin:0;}

/* 头部导航 */
.navbar{
    margin-bottom:0;position:absolute;z-index:50;top:0;left:0;width:100%;border-radius:0;border:none;box-shadow:rgba(0,0,0,0.3) 0 0 5px;
    .logo
        {
            background:url(../img/logo.png) no-repeat left 4px;overflow:hidden;white-space:nowrap;text-indent:-5000px;width:114px;
        }
}


#wrapper
{
   position:relative;overflow:hidden;
}

.leftcol
{
  position: absolute;  width: 170px;  left:0;  float: left;  margin: 0;
  background-color:@gray-dark;height:100%;
}


.rightcol
{
  box-shadow:0 0 5px rgba(0,0,0,0.2);   
  margin:0 0 0 170px;
  position: relative;
  background-color: #ffffff;
  height:100%;
}

nav#menu {
    h3 {
        margin: 0;
        height:36px;line-height:36px;
        color: #fff;
        font-size: 1.3em;
        text-align:center;
        border-bottom:1px @gray-darker solid;
    }

    .mainmenu {
        border-top:1px @gray solid;
        li.liitem {
            a {
                padding: 7px 6px 7px 15px;position:relative;
                display: block;
                color: @gray-lighter;
                span.badge{
                    float:right;font-weight:normal;.font-size(1);
                }
                &:hover{
                    background-color:@gray-darker;
                }
                .arrow-left{
                    display:none;position:absolute;top:10px;right:0;                  
	                width: 0; 
	                height: 0; 
	                border-top: 6px solid transparent;
	                border-bottom:6px solid transparent; 	
	                border-right:6px solid #fff; 

                }
            }
            a.active{
                 .arrow-left{
                    display:block;
                }
            }
        }

        li.current {
            a {
                text-decoration: none;
                font-weight: bold;
                color: #fff;
                
            }
        }

        li.down-nav {
            ul.submenu {
                display:none;
                list-style: none;
                   background-color: @gray-darker;        
                padding: 5px 0 5px 23px;
                overflow: hidden;

                li {
                    border-left: 1px dotted @mainColor;padding-left:6px;
                    a {
                        padding: 4px;
                        color: #999;
                    }
                }
            }

            
        }
        li.nav-open {
                 background-color: @gray-darker;            
                ul.submenu{
                    display:block;
                }
            }
    }
    
}
.closemenu{
        a{
            display:block;float:right;background-color:@gray-light;width:40px;padding:5px 5px 3px 5px;
            border-radius:15px 0 0 15px;line-height:1;.font-size(1.6);color:@gray-lighter;box-shadow:rgba(0,0,0,0.3) 0 0 5px;
            &:hover{
                color:#fff;
            }
        }
    }



.toolbar{
    padding:0 10px 0 0;background-color:@gray-lighter;height:36px;line-height:36px;
    a.showmenu{
        color:@gray;display:block;height:36px;width:36px;text-align:center; background-color:#ddd;float:left;
        &:hover{
             background-color:#ccc;color:@gray-dark;
        }
    }
    .breadcrumb{
        margin:0 0 0 45px;padding:0;background-color:transparent;
        a{
            color:@gray;
        }
    }
}




.main-content {
    padding:20px;
}




.abtn{
    .actionbtn(@gray);
}
.abtn-primary{
    .actionbtn(@navy);
}




footer#pagefooter
{
    text-align:center; padding:10px;  
      font-size:small;position:absolute;bottom:0;left:0;width:100%;
    
     
}